<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="css/task4.css">
</head>
<body>
<header>
    <button><img src="./image/image-task4/返回.png" alt=""></button>
    <h2>个人主页</h2>
</header>
<main>
    <div class="s">
        <div class="wp zxc">
                <div class="left">
                    <img src="./image/image-task4/矢量智能对象.png" alt="">
                </div>
                <div class="right">
                    <div class="top1">高素雅&nbsp;&nbsp;51岁</div>
                    <div class="bottom">北京.通州.果园</div>
                </div>
        </div>
    </div>
    <div class="x wp">
        <ul>
            <li><div>专业技能</div></li>
            <li><span>&nbsp;住家</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>&nbsp;不含餐</span></li>
            <li>从业年限&nbsp;&nbsp;|&nbsp;&nbsp;<span>0~3年</span></li>
            <li>工作时间&nbsp;&nbsp;|&nbsp;&nbsp;<span>全天</span></li>
            <li>服务价格&nbsp;&nbsp;|&nbsp;&nbsp;<span>25元/每小时</span></li>
            <li>自我介绍&nbsp;&nbsp;|&nbsp;&nbsp;<span>可以洗衣,做饭,照顾老人。在护工方面有五年的丰富经验。</span></li>
        </ul>
    </div>
</main>
<footer>
    <div>
        <button class="z"><a href="#">留言</a></button>
        <button class="y"><a href="#">电话联系</a></button>
    </div>
</footer>
</body>
</html>